<template>
	<view>
		<view class="SpecialBox" v-for="item in list" :key="item.id">
			<image :src="item.scene_pic_url" class="SpecialImg">
			</image>
			<view class="SpecialTitle">{{item.title}} </view>
			<view class="miaoshu">{{item.subtitle}}</view>
			<view class="SpecialPrice">￥ {{item.price_info | handelPrice}} 元起</view>
		</view>
	</view>
</template>

<script>
	export default {
		props: {
			list: {
				type: Array,
				default () {
					return []
				}
			}
		},
		name: "Special",
		data() {
			return {

			};
		}
	}
</script>

<style lang="scss" scoped>
	.SpecialBox {
		width: 100%;
		height: 656rpx;
		padding-bottom: 20rpx;
		box-sizing: border-box;
		font-family: "黑体";
		background-color: #fff;
	}

	.SpecialImg {
		width: 100%;
		height: 416rpx;
	}

	.SpecialTitle {
		font-size: 36rpx;
		text-align: center;
		padding: 20rpx 0;
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
	}

	.miaoshu {
		font-size: 32rpx;
		text-align: center;
		margin: 20rpx 0 40rpx;
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
	}

	.SpecialPrice {
		font-size: 28rpx;
		text-align: center;
		margin-bottom: 20rpx;
		color: #9b0000;
	}
</style>
